<template>
	<view>
		<view class="list" v-for="(item,i) in list" :key="i">
			<view>
				<view>序号:{{i+1}}</view>
				<view>用户名:{{item.username}}</view>
				<view>手机号:{{item.mobile}}</view>
				<view>Email:{{item.email}}</view>
			</view>
			
			<view class="btn">
				<button @click="remove(item._id)">删除</button>
				<button @click="gotoDetail(item._id)">编辑</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[]
			}
		},
		onLoad() {
			this.getData();
		},
		methods:{
			getData(){
				console.log("-----执行查询操作-----");
				uniCloud.callFunction({
					name:"getUser",
					success: (e) => {
						console.log(e.result);
						this.list = e.result.data;
					}
				})
			},
			remove(_id){
				console.log("-----执行删除操作-----");
				uniCloud.callFunction({
					name:"removeUser",
					data:{"id":_id},
					success: (e) => {
						console.log(e.result);
						uni.showToast({
							title:'删除成功',
							duration:2000
						});
						this.getData();
					}
				})
			},
			gotoDetail(_id){
				console.log("-----执行编辑跳转操作-----")
				uni.navigateTo({
					url:"../edit/edit?id="+_id
				})
			}
		}
	}
</script>

<style>
	.list {
			border-bottom: 1rpx solid #F1F1F1;
			padding-bottom: 20rpx;
		}
		
	    .btn{
		display: flex;	
	}	
</style>